#home {
  .home-container{
    max-width: 1920px;
    background-color: #fff;
    .big-banner{
      width:100%;
      position: relative;
      .img-box{
        width:100%;
        a{
          display: block;
          width:100%;
          img{
            width: 1920px;
            height:670px;
          }
        }
      }
      .arrow-box{
        width:248px;
        position: absolute;
        bottom:195px;
        right:100px;
        ul{
          li{
            float: left;
            width: 30px;
            height: 3px;
            border-radius: 2px;
            margin:0 8px;
            background-color: rgba(255,255,255,.5);
          }
          li.current{
            width:66px;
            background-color: $main-color;
          }
        }
      }
    }
    .fix-container{
      min-height:1000px;
      .slide-box{
        .slide-bgc{
          position: relative;
          top:-168px;
          .filter-bgc{
            width:952px;
            height: 460px;
            background-color: rgba(144,195,31,.4);
          }
        }
        .slide-detail{
          position: absolute;
          top: 605px;
          left: 305px;
          ul{
            li{
              width: 300px;
              background-color: #fff;
              float: left;
              margin-left: 10px;
              box-shadow: 0 3px 20px rgba(153, 153, 153, .2);
            }
            .slide-list{
              .pic-box{
                display: block;
                img{
                  width: 100%;
                  height: 260px;
                }
              }
              .msg-box{
                display: block;
                width:100%;
                height: 140px;
                padding:20px;
                p:first-child{
                  font-size:24px;
                  color: #666;
                }
                p:last-child{
                  font-size: 14px;
                  color: #8a8a8a;
                  margin-top:15px;
                  line-height:18px;
                }
              }
            }
          }
          .slide-arrow{
            position: relative;
            a{
              display: block;
              position: absolute;
            }
            .arrow-left{
              bottom:160px;
              left:-40px;
            }
            .arrow-right{
              bottom:160px;
              right:-50px;
            }
          }
          .slide-title{
            .txt-en{
              font-size:36px;
              font-family: Arial;
              color: $main-color;
              opacity: .3;
              position: absolute;
              top:50px;
              left:-160px;
            }
            .txt-ch{
              width:185px;
              height: 65px;
              text-align: center;
              color: $font-color;
              opacity: .9;
              position: absolute;
              top:70px;
              left:-155px;
            }
            p.txt-ch:after{
              content: '';
              width:14px;
              height:3px;
              background-color: #fff;
              position: absolute;
              top: 30px;
              left: 85px;
            }
          }
        }
      }
      .brand-story{
        .brand-bgc{
          width:250px;
          height: 690px;
          background-color: rgba(144,195,31,.4);
        }
        .stories{
          width:650px;
          height: 550px;
          background-color: #fff;
          margin-top:70px;
          margin-right:-250px;
          box-shadow: 0 3px 20px rgba(153, 153, 153, .2);
          .more{
            width: 75px;
            height: 30px;
            border: 1px solid #666;
            text-align: center;
            line-height: 30px;
          }
        }
      }
    }

  }
}
